<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>对象</title>
</head>
<body>
<p>
对象（object）：JavaScript里的一种数据类型. <br>
在JS里,对象也是一种数据类型 <br>
可以理解为是一种无序的数据集合， 注意数组是有序
</p>
<h3> 对象声明语法</h3>
<pre style="font-size: 20px;">
    let 对象名 = {}
    let 对象名 = new Object()
</pre>
<p>实际开发中，我们多用花括号。 {} 是对象字面</p>
<hr>
<h3>对象有属性和方法组成对象有属性和方法组成</h3>
<pre style="font-size: 20px;">
    let 对象名 = {
        属性名： 属性值
        方法名； 函数
    }
</pre>
<hr>
<h3>对象中的 属性</h3>
<p>
    属性都是成 对出现的，包括属性名和值，它们之间使用英文 : 分隔 <br>
    多个属性之间使用英文 , 分隔 <br>
    属性就是依附在对象上的变量（外面是变量，对象内是属性） <br>
    属性名可以使用 "" 或 ''，一般情况下省略，除非名称遇到特殊符号如空格、中横线等
</p>
<p>
    额外说明：JS对象里，属性的无序排列的
</p>
<hr>
<h3>对象中的 方法</h3>
<p>
    1. 方法是由方法名和函数两部分构成，它们之间使用 : 分隔 <br>
    2. 多个属性之间使用英文 , 分隔 <br>
    3. 方法是依附在对象中的函数 <br>
    4. 方法名可以使用 "" 或 ''，一般情况下省略，除非名称遇到特殊符号如空格、中横线等
</p>
<p>
    声明对象，并添加了若干方法后，可以使用 . 调用对象中函数，我称之为方法调用。 <br>
    也可以添加形参和实参
</p>
<hr>
<script>
    // 声明一个 对象
    let 对象_产品信息 = {
        // 属性
        'goods-name': '小米10青春版', // 遇到特殊符号, 可以使用 '' 包裹名称
        num: '100012816024',
        weight: '0.55kg',
        address: '中国大陆',
        // 方法
        方法一: function () {
            return `我是对象的,方法一`
        }, // 注意加 , 号
        方法二: function () {
            return `我是对象的,方法二`
        },
    }

    // 输出 对象信息
    console.log(对象_产品信息)
    console.log(对象_产品信息.方法一())
    console.log(对象_产品信息.方法二())
</script>
</body>
</html>